Media queries
@media media-type and (media-feature-rule) {
/* CSS rules go here */
}
- 一个媒体类型,告诉浏览器这段代码是用在什么类型的媒体上的(例如印刷品或者屏幕);
- 一个媒体表达式,是一个被包含的 CSS 生效所需的规则或者测试;
- 一组 CSS 规则,会在测试通过且媒体类型正确的时候应用。
媒体类型
all
print
screen
speech
@media screen and (min-width: 600px) {
body {
color: red;
}
}